$(function () {

    //功能1: 实现每个页面的进度条功能
    //思路: 利用jq的全局函数,当页面中第一个ajax请求开始,开启进度条Nprogress.start(),当ajax请求结束,完成进度条Nprogress.done();
    //去除加载的小圆圈
    NProgress.configure({ showSpinner: false });
    $(document).ajaxStart(function () {
        NProgress.start();
    });
    $(document).ajaxStop(function () {
        setTimeout(function () {
             NProgress.done();
        }, 200);
    })

    // 功能2: 点击分类管理,显示二级菜单
    var category = $('.lt-aside .nav>li:nth-child(2)');
    category.on('click', function () {
       $(this).find('ul').slideToggle()
        
    });
    
    // 功能3: 点击隐藏菜单,隐藏侧边栏
    //思路: 事先写好给需要变换的元素添加current类并加上过渡点击隐藏菜单如果有current类名,就删除,反之添加
    $('.menu').on('click', function () {
        //切换侧边栏的current类
        $('.lt-aside').toggleClass('current');
        //切换乐淘主体的current类
        $('.lt-main').toggleClass('current');
        //切换乐淘主体顶部条的current类
        $('.topbar').toggleClass('current');
    });
   
  
    // 功能4: 点击退出按钮,退出后台管理系统
    //思路: 在点击事件中根据后端接口发送ajax请求,如果info.success返回true则退出成功,跳转回登录页
    $('.login-out').on('click', function () {
        $.ajax({
            url: '/employee/employeeLogout',
            dataType: 'json',
            success: function (info) {
                if(info.success) {
                    location.href = 'login.html';
                }
                
            }
        })
    });

});



